<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆注册页面</title>
    <link rel="stylesheet" href="../style/less/home-login.css">
    <script src="../lib/js/jquery-3.2.1.js"></script>
    <script src="../lib/js/jquery.cookie.js"></script>
    <script src="../lib/js/home-login.js"></script>
    <script src="../lib/js/jquery.idcode.js"></script>
    <script src="../lib/js/cookie.js"></script>
</head>
<body>
<div id="all">
<!---------------------顶部------------------------>
<div id="header">
<!--导航栏-->
<div id="hea-top" class="wrapper">
    <ul id="top_ul1">
        <li>母婴之家</li>
        <li>母婴海淘</li>
        <li>
            <p><span></span><i>手机版</i></p>
            <div class="img"><img src="../images/ewm.jpg"></div>
        </li>
    </ul>
    <ul id="top_ul2">
        <li>
            <span>&nbsp;欢迎来到母婴之家！</span> &nbsp;
            <a href="#">[登陆]</a>
            <a href="#">[注册]</a>
        </li>
        <li>
            <div>
                我的订单<b></b>
                <ul>
                    <li>我的家</li>
                    <li>我的提问</li>
                    <li>我的评论</li>
                    <li>我的收藏</li>
                    <li>我的幸运星</li>
                </ul>
            </div>
        </li>
        <li>
            <div>
                客户服务<b></b> <span></span>
                <ul>
                    <li>在线客服</li>
                    <li>帮助中心</li>
                </ul>
            </div>
        </li>
        <li>
            <div>商务合作</div>
        </li>
        <li>
            <div>分类导航</div>
        </li>
    </ul>
</div>

<!--顶部的logo部分-->
<div id="muying">
    <div id="hea-center" class="wrapper">
        <div id="logo">
            <a href="#"><img src="../images/logo29new.png"></a>
        </div>
        <div id="c-left">
            <a href="#">
                <div id="zheng"></div>
                <p>全球精选正品</p>
            </a>
            <a href="#">
                <div id="jian"></div>
                <p>白领妈妈推荐</p>
            </a>
            <a href="#">
                <div id="zhuan"></div>
                <p>专注母婴13年</p>
            </a>
        </div>
        <div id="search">
            <input type="text" value="搜索&nbsp;母婴之家&nbsp;商品/品牌"/>
            <a href="#"><img src="../images/searchpng.png"></a>
        </div>
        <ul>
            <li>热门搜索：</li>
            <li>澳洲直邮</li>
            <li>美德乐</li>
            <li>保温杯</li>
            <li>推车</li>
            <li>美德乐</li>
            <li>钙铁锌</li>
        </ul>
    </div>
</div>
</div>
</div>

<!----------------------主体------------------------>
<div id="main">
    <div id="main1" class="wrapper">
        <ul id="sign-nav">
            <li id="activeTeb">
                <i class="bg"></i>
                注册
            </li>
            <li>
                <i class="bg"></i>
                登录
            </li>
        </ul>
        <div id="box">
            <!--用户注册页面-->
            <div id="active">
                <form action="">
                    <!--手机号-->
                    <p>
                        <span>手机号：</span>
                        <input type="text" placeholder="请输入手机号" id="user"/>
                        <i></i>
                        <b></b>
                    </p>
                    <!--设置密码-->
                    <p>
                        <span>请设置密码：</span>
                        <input type="text" placeholder="请输入密码" id="pwd"/>
                        <i></i>
                        <b></b>
                    </p>
                    <!--确认密码-->
                    <p>
                        <span>请确认密码：</span>
                        <input type="text" placeholder="请再次输入密码" id="pwd1"/>
                        <i></i>
                        <b></b>
                    </p>
                    <!--滑动验证-->
                    <!--<p>-->
                        <!--<span>点击验证：</span>-->
                        <!--<input type="button" value="点击按钮进行验证" id="bu"/>-->
                        <!--<i></i>-->
                        <!--&lt;!&ndash;用于判断输入的内容是否正确&ndash;&gt;-->
                        <!--<b></b>-->
                    <!--</p>-->
                    <!--短信验证码-->
                    <p>
                        <span>短信验证码：</span>
                        <input type="text" id="verify"/>
                        <span id="idcode"></span>
                    </p>
                    <div id="xieyi">
                        <input type="checkbox" id="inp">
                        &nbsp;&nbsp;&nbsp;&nbsp;阅读并同意"母婴之家网站用户协议"
                    </div>
                    <div id="tijiao">
                        <input type="button" value="提交注册" id="btn">
                        <p>使用合作网站账号登录母婴之家：</p>
                        <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                </form>
                <div id="right_tu">
                    <img src="../images/zhuce.jpg">
                </div>
            </div>

            <!--用户登录页面-->
            <div id="denglu">
                <div id="dl_left_tu">
                    <img src="../images/denglu_left_tu.jpg">
                </div>
                <div id="dl_right">
                    <!--手机号-->
                    <p>
                        <span>用户名：</span>
                        <input type="text" placeholder="请输入手机号" id="uuser"/>
                        <i></i>
                        <b></b>
                    </p>
                    <!--设置密码-->
                    <p>
                        <span>密码：</span>
                        <input type="text" placeholder="请输入密码" id="uupwd"/>
                        <i></i>
                        <b></b>
                    </p>
                    <!--滑动验证-->
                    <!--<p>-->
                        <!--<span>点击验证：</span>-->
                        <!--<input type="button" value="点击按钮进行验证"/>-->
                        <!--<i></i>-->
                        <!--&lt;!&ndash;用于判断输入的内容是否正确&ndash;&gt;-->
                        <!--<b></b>-->
                    <!--</p>-->
                    <div id="jizhuwo">
                        <input type="checkbox" id="chb">
                        &nbsp;&nbsp;&nbsp;&nbsp;记住我（30天免登陆）
                    </div>
                    <div id="sub">
                        <a href="index.html"><input type="submit" value="登陆" id="dl_btn"></a>
                        <p>使用合作网站账号登录母婴之家：</p>
                        <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-----------------------底部--------------------------->
<div id="footer">
    <!--购物指南-->
    <div id="mell-desc">
        <div id="top">
            <dl>
                <dt>
                    <i class="gouwu"></i>
                    购物指南
                </dt>
                <dd>购物流程</dd>
                <dd>优惠码（券）</dd>
            </dl>
            <dl>
                <dt>
                    <i class="zhifu"></i>
                    支付方式
                </dt>
                <dd>在线支付</dd>
            </dl>
            <dl>
                <dt>
                    <i class="peisong"></i>
                    配送方式
                </dt>
                <dd>运费及时效</dd>
                <dd>品牌专场配送方式</dd>
            </dl>
            <dl>
                <dt>
                    <i class="shouhou"></i>
                    售后服务
                </dt>
                <dd>退换货原则</dd>
                <dd>退换货流程</dd>
                <dd>退换货周期</dd>
                <dd>品牌专场售后策略</dd>
            </dl>
            <dl>
                <dt>
                    <i class="guanyu"></i>
                    关于我们
                </dt>
                <dd>企业理念</dd>
                <dd>网站合作</dd>
                <dd>人才招聘</dd>
                <dd>关于我们</dd>
            </dl>
            <dl>
                <dt>
                    <i class="lianxi"></i>
                    联系我们
                </dt>
                <dd>新浪微博</dd>
                <dd>联系客服</dd>
                <dd>我要投诉</dd>
            </dl>
            <div class="logo">
                <img src="../images/weixin_code.jpg" alt="">
                <div class="sao">
                    <span class="weixin-span"><img src="../images/weixin_icon.jpg" title="母婴之家"></span>
                    <span>扫一扫加微信</span>
                </div>
            </div>
        </div>
    </div>

    <div id="tfc_footer">
        <ul>
            <li>首页&nbsp;|</li>
            <li>公司简介&nbsp;|</li>
            <li>人才招聘&nbsp;|</li>
            <li>合作联系&nbsp;|</li>
            <li>企业理念&nbsp;|</li>
            <li>隐私条款</li>
        </ul>
        <span>
            由本网站发布的商品或服务的商业宣传活动均属“广告”
        </span>
        <br>
        <span>
            Copyright©2003 - 2017 上海母婴之家网络科技股份有限公司 muyingzhijia.com All Rights Reserved 客服热线：021-51760000 4008201000
        </span>
        <div>
            <a href="#">
                <img src="../images/shanghai_industry.gif" alt="">
            </a>
            <a href="#">
                沪ICP备09021709号
            </a>
            <a href="#">
                <img src="../images/ghs.png" alt="">
                沪公网安备 31010402000751号
            </a>
        </div>
    </div>

</div>
</div>
</body>
</html>